Estoy practicando Rollup y estoy tratando de importar 'elemento iluminado' para crear un SPA. Puedo compilar la aplicación, pero cuando accedo a la página en localhost (implementada con el complemento VSCode) en la consola, puedo ver este error:

 Uncaught (in promise) TypeError: Failed to resolve module specifier "lit-element". Relative references must start with either "/", "./", or "../".

Esta es la configuración de mi rollup.config.json

 const config = { input: ['src/components/shop-app.js', 'src/components/**/*.js', 'src/controller/**/*.js', 'src/controller/*.js'], output: { dir: `build-modern/src/`, format: 'es' }, plugins: [ alias({ entries: [ { find: '@Controller', replacement: './controller' }, { find: '@Components', replacement: './components' }, { find: '@Utilities', replacement: './utilities' }, { find: '@Modules', replacement: './node_modules' } ] }), multi(), babel(babelConfig), minifyHTML(), copy(copyConfig), commonjs({ namedExports: { 'node_modules/@babel/runtime/regenerator/index.js': ['isValidElementType'], } }), nodeResolve(), resolve(), replace({ // Recogemos el valor y lo convertimos ENV: JSON.stringify(process.env.NODE_ENV || 'development') }), scss() ], preserveEntrySignatures: false, }

Y importo 'elemento iluminado' así:

import { css } from 'lit-element';

Espero que esto sea suficiente información sobre el problema, pero si necesita más código o información, pregúnteme :)

¡Gracias a todos!